.layout{max-width: 1400px; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 111px; position: fixed; left: 0; top: 0; z-index: 1000;}
.header.fixed{height: 80px; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07);box-shadow: 0 5px 5px rgba(0,0,0,0.07);}
.header.fixed .logo{padding-top: 10px;}
.header.fixed .logo a,.header.hdative .logo a{background-image: url(../images/logo_h.png);}
.header.ative .logo a{background-image: url(../images/logo.png);}
.header.fixed .btn-m-list{margin-top: 16px;}
.logo{padding-top: 50px; float: left;}
.logo a{display: block; width: 188px; height: 61px; margin: 0 auto; font-size:0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.btn-m-list{width: 50px; height: 50px; border-radius: 50%; background-color: #fff; float: right; margin-top: 55px; position: relative; cursor: pointer; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);box-shadow: 0 0 20px rgba(0,0,0,.2);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 20px; height: 2px; background-color: #00abf0; display: block; position: absolute; z-index: 5; top: 17px; right: 50%; margin: 0 -10px 0 0; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 24px; width: 11px;}
.btn-m-list .burger-3{top: 31px;}
.btn-m-list.on .burger-1{top: 25px; width: 20px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 20px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 20px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.nav-body{width: 100%; height: 100%; /*background-color: #f5f5f5;*/ overflow-y: auto; position: fixed; left: 0; top: 0; z-index: -1; display: none; background-color: rgba(0,0,0,.86); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#86000000, endColorstr=#86000000);}
.nav-body .layout{max-width: 1442px; width: 100%; height: 100%;}
.nav-body .ul{width: 100%; height: 100%;}
.nav-body .ul .li{width: 12.5%; height: 100%; float: left; position: relative;}
.nav-body .ul .li:before{content:""; width: 1px; height: 100%; background-color: #191f22; position: absolute; left: 0; top: 0;}
.nav-body .ul .li:nth-last-child(1):after{content:""; width: 1px; height: 100%; background-color: #191f22; position: absolute; right: 0; top: 0;}
.nav-body .ul .li .navItem{margin-top: 250px; position: relative;}
.nav-body .ul .li .Btns{padding-left: 20px; display: block; font-size: 24px; color: #fff; position: relative;}
.nav-body .ul .li .navItem:hover .Btns,.nav-body .ul .li .navItem.on .Btns{color: #00abf0;}
.nav-body .ul .li .Btns:before{content: ""; display: block; width: 3px; height: 100%; background-color: #00abf0; position: absolute; left: 0; bottom: 0; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.nav-body .ul .li .navItem:hover .Btns:before,.nav-body .ul .li .navItem.on .Btns:before{transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.nav-body .ul .li .navBox{padding-top: 10px; padding-left: 20px; padding-right: 20px; display: none;}
.nav-body .ul .li .navBox a{display: block; font-size: 14px; color: #fff; margin-top: 10px;}
.nav-body .ul .li .navBox a:hover{color: #00abf0;}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
/*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0)}}
.banner .slideshow .slick-active .bot {-moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .pimg{width: 100%; height: 100vh; _height: 920px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner .moimg{width: 100%; display: none;}
.banner .bancri{width: 550px; height: 550px; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; margin: auto; background-color: rgba(43,123,192,.35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#352b7bc0, endColorstr=#352b7bc0);}
.banner .bantxt{width: 100%; text-align: center; font-size: 46px; color: #fff; position: absolute; left: 0; top: 50%; margin-top: -109px; z-index: 10;}
.banner .bantxt h2{font-size: 100px;}
.banner .slick-active .bancri{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: bounceIn 1.2s 1; animation: bounceIn 1.2s 1;}
.banner .slick-active .bantxt{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: slideInDown 1.2s 1; animation: slideInDown 1.2s 1;}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 25%; z-index: 10;}
.banner .slick-dots li{width: 26px; height: 26px; position: relative; font-size: 0; cursor: pointer; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.banner .slick-dots li button{display: block; width: 12px; height: 12px; cursor: pointer; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; border: none; border-radius: 50%;}
.banner .slick-dots li.slick-active{border: 1px solid #fff;}
.banner .mouseIco{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;}
.banner .mouseIco i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

/*index*/
.contain{width: 100%; padding-top: 0;}
.dowebok{background-color: #e0e0e0;}
#fp-nav ul li a span{background-color: #fff;}
#fp-nav ul li a.active + .fp-tooltip{opacity: 1; width: auto;}
#fp-nav ul li:nth-last-child(1){display: none;}
.colorB2 #fp-nav ul li a span{background-color: #b2b2b2;}
.colorB2 #fp-nav ul li a.active + .fp-tooltip{color: #00abf0;}
.colorB2 #fp-nav ul li a.active span{background-color: #00abf0;}
.section .indexTitle{padding-top: 170px;}
.indexMore{margin-top: 70px;}
.indexMore a{min-width: 136px; height: 50px; line-height: 50px; display: inline-block; padding: 0 10px; font-size: 14px; color: #808080; text-align: center; background-color: #fff; position: relative; z-index: 1; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.indexMore a:hover{color: #fff;}
.indexMore a:after{content:""; display: block; width: 100%; height: 100%; background-color: #00abf0; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexMore a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexMore a:before{content:""; display: block; width: 100%; height: 4px; background-color: #00abf0; position: absolute; left: 0; bottom: 0;}
.i-wrap2 .inaboutImg,.i-wrap2 .inaboutTxt{width: 50%; height: 100%; float: left; position: relative;}
.i-wrap2 .inaboutImg{overflow: hidden;}
.i-wrap2 .inaboutImg span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.i-wrap2 .inaboutImg:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.i-wrap2 .inaboutTxt{float: right; background-color: #fff; background-image: url(../images/inaboutTxt.jpg); background-position: right bottom; background-repeat: no-repeat;}
.i-wrap2 .inaboutTxt .box{max-width: 590px; margin: 280px 0 0 110px;}
.i-wrap2 .inaboutTxt .h2{font-size: 36px; color: #00abf0; line-height: 1.1;}
.i-wrap2 .inaboutTxt .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; height: 130px; margin-top: 30px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.i-wrap3{background-color: #2b7bc0;}
.systemIDemo{width: 100%; height: 100%; position: relative; z-index: 1;}
.systemIDemo .slick-track{height: 100%;}
.systemIDemo .item{width: 100%; height: 100%;}
.systemIDemo .instsImg,.systemIDemo .instsText{width: 50%; height: 100%; float: left; position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.systemIDemo .instsImg{padding-top: 210px; transition-delay: 150ms;}
.systemIDemo .instsImg,.systemIDemo .instsText{-webkit-transition: 0.8s; transition: 0.8s; transform: translateX(10rem); opacity: 0;}
.systemIDemo .instsImg{transform: translateX(-10rem);}
.systemIDemo .slick-current .instsImg,.systemIDemo .slick-current .instsText{transform: translateX(0rem); opacity: 1;}
.systemIDemo .tit{font-size: 40px; color: #fff; margin-left: 70px;}
.systemIDemo .tit span{font-size: 36px; color: #d5ecff;}
.systemIDemo .tit i{margin: 0 10px;}
.systemIDemo .pic{width: 580px; height: 260px; margin: 60px 0 120px 0; overflow: hidden; position: relative;}
.systemIDemo .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.systemIDemo .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.systemIDemo .stbg{position: absolute; left: 36%; top: 150px; right: 0; height: 100%; background-color: #00abf0; z-index: -1;}
.systemIDemo .instsText{padding: 290px 0 0 60px; color: #fff; transition-delay: 250ms;}
.systemIDemo .instsText .h2{font-size: 18px; line-height: 1.1;}
.systemIDemo .instsText .pcont{font-size: 14px; color: #d5ecff; line-height: 26px; height: 104px; margin-top: 30px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.systemIDemo .slick-arrow{width: 11px; height: 20px; border: none; outline: none; position: absolute; bottom: 270px; z-index: 10; font-size: 0; cursor: pointer; background-color: transparent;}
.systemIDemo .slick-prev{background-image: url(../images/inSysBtn_l.png); background-size: cover; background-repeat: no-repeat; left: 49%;}
.systemIDemo .slick-next{background-image: url(../images/inSysBtn_r.png); background-size: cover; background-repeat: no-repeat; right: 49%;}
.systemINav{width: 100%; background-color: #f7f7f7; position: absolute; left: 0; bottom: 0; z-index: 10;}
.systemINav .box{width: 100%; height: 240px; padding: 100px 20px 20px 20px; font-size: 20px; color: #333; text-align: center; cursor: pointer; -webkit-box-sizing: border-box;box-sizing: border-box;}
.systemINav .slick-current .box{opacity: 0.8; color: #00abf0;}
.systemINav .box{background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.systemINav .t1{background-image: url(../images/systemINav_t1.png);}
.systemINav .t2{background-image: url(../images/systemINav_t2.png); background-color: #fff;}
.systemINav .t3{background-image: url(../images/systemINav_t3.png);}
.i-wrap4{background-color: #f7f7f7; background-image: url(../images/i-wrap4.jpg); background-position: right bottom; background-repeat: no-repeat;}
.i-wrap4 .indexMore{margin-top: 40px; text-align: center;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 46px; color: #231f20; line-height: 1;}
.indexNews{width: 100%; margin-top: 30px;}
.indexNews .slick-list{margin-left: -20px; margin-right: -20px;}
.indexNews .item{background-color: #fff; margin: 20px;}
.indexNews .item:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.indexNews .pic{width: 100%; height: 180px; overflow: hidden; position: relative;}
.indexNews .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.indexNews .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.indexNews .tmain{padding: 40px 20px 40px 30px;}
.indexNews .time{width: 85px; float: left; text-align: center; font-size: 14px; color: #999;}
.indexNews .time span{display: block; font-size: 30px; color: #333; line-height: 1;}
.indexNews .text{width: 68%; float: right;}
.indexNews .text .h2{font-size: 16px; color: #231f20;}
.indexNews .item:hover .h2{color: #00abf0;}
.indexNews .text .pcont{font-size: 14px; color: #999; line-height: 22px; height: 66px; margin-top: 10px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.indexNews .text .more{width: 25px; height: 12px; display: block; margin-top: 20px; font-size: 0; background: url(../images/newsBtns.png) no-repeat;}
.indexNews .item:hover .more{background: url(../images/newsBtns_h.png) no-repeat;}
.indexNews .slick-dots{width: 100%; text-align: center; margin-top: 20px;}
.indexNews .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bfbfbf; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.indexNews .slick-dots li button{display: none;}
.indexNews .slick-dots li.slick-active{background-color: #00abf0;}
.i-wrap5{background-color: #013056; background-image: url(../images/i-wrap5.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap5 .layout{height: 100%; position: relative;}
.inPattern{width: 57.9%; padding: 95px 100px 95px 65px; border-left: 8px solid #00abf0; background-color: #fff; position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box;box-sizing: border-box;}
.inPattern{background-image: url(../images/inPattern.jpg); background-position: center bottom; background-repeat: no-repeat;}
.inPattern .h2{font-size: 46px; color: #333;}
.inPattern .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; height: 130px; margin-top: 20px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.i-wrap6{background-color: #436d41; background-image: url(../images/i-wrap6.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap6 .indexTitle h2{color: #fff;}
.inAuthentication{width: 100%; margin-top: 110px;}
.inAuthentication ul{margin-left: -30px; margin-right: -30px;}
.inAuthentication ul li{width: 25%; float: left;}
.inAuthentication ul li .box{margin: 0 30px; padding: 120px 41px 20px 41px; min-height: 272px; border-bottom: 6px solid #0026f2; text-align: center; position: relative; background-color: rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#75ffffff, endColorstr=#75ffffff);}
.inAuthentication ul li .icon{width: 148px; height: 148px; position: absolute; left: 0; top: -74px; right: 0; margin: auto; border-radius: 50%; background-color: #0026f2; background-size: cover; background-position: center; background-repeat: no-repeat; display: block;}
.inAuthentication ul li .icon{-webkit-transition: 400ms; transition: 400ms; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.07);box-shadow: 0 0 10px rgba(0,0,0,.07);}
.inAuthentication ul li .box:hover .icon{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.inAuthentication ul li .h2{font-size: 18px; color: #333;}
.inAuthentication ul li .h2 span{display: block; font-family: 'Arial'; font-size: 18px;}
.inAuthentication ul li .pcont{font-size: 14px; color: #737373; line-height: 22px; max-height: 70px; margin-top: 30px; overflow: hidden;}
.inAuthentication ul li.item1 .box{border-color: #0026f2;}
.inAuthentication ul li.item1 .icon{background-color: #0026f2;}
.inAuthentication ul li.item2 .box{border-color: #00f45b;}
.inAuthentication ul li.item2 .icon{background-color: #00f45b;}
.inAuthentication ul li.item3 .box{border-color: #00abf0;}
.inAuthentication ul li.item3 .icon{background-color: #00abf0;}
.inAuthentication ul li.item4 .box{border-color: #ff8500;}
.inAuthentication ul li.item4 .icon{background-color: #ff8500;}
/*index animation*/
.inaboutTxt .h2,
.inaboutTxt .pcont,
.inaboutTxt .indexMore,
.instsText .h2,
.instsText .pcont,
.instsText .indexMore,
.inPattern{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    transform: translateX(10rem);
    opacity: 0;
}
.inaboutTxt .h2,
.systemIDemo .tit,
.instsText .h2{
    transition-delay: 150ms;
}
.inaboutTxt .pcont,
.systemIDemo .stbg,
.instsText .pcont,
.inPattern{
    transition-delay: 250ms;
}
.inaboutTxt .indexMore,
.systemIDemo .pic,
.instsText .indexMore,
.indexNews{
    transition-delay: 350ms;
}
.systemIDemo .tit,
.systemIDemo .stbg,
.systemIDemo .pic{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    transform: translateX(-10rem);
    opacity: 0;
}
.inAuthentication ul li,.indexNews{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    transform: translateY(10rem);
    opacity: 0;
}
.inAuthentication ul li.item1{transition-delay: 150ms;}
.inAuthentication ul li.item2{transition-delay: 250ms;}
.inAuthentication ul li.item3{transition-delay: 350ms;}
.inAuthentication ul li.item4{transition-delay: 450ms;}
.active .inAuthentication ul li,.active .indexNews{
    transform: translateY(0rem);
    opacity: 1;
}
.active .inaboutTxt .h2,
.active .inaboutTxt .pcont,
.active .inaboutTxt .indexMore,
.active .systemIDemo .tit,
.active .systemIDemo .stbg,
.active .systemIDemo .pic,
.active .instsText .h2,
.active .instsText .pcont,
.active .instsText .indexMore,
.active .inPattern{
    transform: translateX(0rem);
    opacity: 1;
}
/*index animation*/

/*about*/
.nybanner{width: 100%; height: 540px; position: relative; background-color: #00abf0; background-image: url(../images/banner2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .h2{padding-top: 240px; font-size: 16px; color: #dbcfcb; text-align: center; text-shadow: black 0.1em 0.1em 0.2em; line-height: 1.1;}
.nybanner .h2 span{display: block; font-size: 46px; color: #fff; margin-bottom: 5px;}
.navigation{width: 100%; height: 60px; border-bottom: 1px solid #ebebeb;}
.navigation ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 50px;}
.navigation ul li a{display: block; line-height: 60px; font-size: 14px; color: #231f20; position: relative;}
.navigation ul li:hover a,.navigation ul li.on a{color: #00abf0;}
.navigation ul li a:after{content:""; display: block; width: 100%; height: 2px; background-color: #00abf0; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.navigation ul li:hover a:after,.navigation ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.aboutBox01{width: 100%; background-color: #fff; padding: 80px 0;}
.aboutBox01 .pic{width: 44.3%; height: 560px; overflow: hidden; float: right; position: relative;}
.aboutBox01 .pic  span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.aboutBox01 .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.aboutBox01 .tmain{width: 50.2%; float: left;}
.aboutBox01 .h2{font-size: 36px; color: #00abf0; line-height: 1.1;}
.aboutBox01 .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; height: 260px; margin-top: 30px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.aboutBox02{width: 100%; background-color: #f7f7f7; padding-top: 80px;}
.aboutBox02 .pic{width: 44.7%; height: 644px; float: left; position: relative;}
.aboutBox02 .pic  span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.aboutBox02 .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.aboutBox02 .tmain{width: 50%; float: right;}
.aboutBox02 .tit{font-size: 14px; color: #231f20; padding-bottom: 20px; border-bottom: 1px solid #00abf0; position: relative;}
.aboutBox02 .tit:after{content:""; display: block; width: 100%; height: 3px; background-color: #00abf0; position: absolute; left: 0; bottom: 3px;}
.aboutBox02 .tit span{font-size: 36px; font-weight: bold; margin-right: 10px; display: inline-block;}
.aboutBox02 .tit i{vertical-align: 10px; color: #00abf0; display: inline-block;}
.aboutBox02 .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; max-height: 400px; margin-top: 30px; padding-right: 5px; overflow: auto; text-align: justify; text-justify: inter-ideograph;}
.aboutBox02 .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.aboutBox02 .pcont::-webkit-scrollbar-thumb{background-color: #00abf0;}
.aboutBox03{width: 100%; min-height: 750px; background-color: #00abf0; background-image: url(../images/aboutBox03.jpg); background-size: auto 100%; background-position: center; background-repeat: no-repeat;}
.cultureTab{/*width: 602px;*/ width: 43%; float: left;}
.cultureTab ul li{width: 50%; min-height: 250px; float: left; position: relative; z-index: 1;}
.cultureTab ul li a{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 180px 40px 20px 40px; border: 1px solid #9da7b2; border: 1px solid rgba(255,255,255,.40); font-size: 24px; color: #fff;}
.cultureTab ul li:after{content:""; display: block; width: 100%; height: 100%; background-color: #00abf0; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.cultureTab ul li:hover:after,.cultureTab ul li.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.cultureBox{width: 580px; float: right; padding: 250px 0 40px 0; text-align: right;}
.cultureBox .box{display: none;}
.cultureBox .h2{font-family: 'Arial'; font-size: 46px; font-weight: bold; color: #00abf0; line-height: 1.1;}
.cultureBox .h3{font-size: 40px; color: #fff; margin-top: 10px;}
.cultureBox .pcont{font-size: 16px; color: #fff;}
.aboutBox04{width: 100%; background-color: #fff; padding: 80px 0 110px 0;}
.abHonor{width: 100%; margin-top: 20px;}
.abHonor .slick-list{margin-left: -35px; margin-right: -35px;}
.abHonor .box{background-color: #f7f7f7; padding: 40px 30px 30px 30px; min-height: 430px; margin: 20px 35px;}
.abHonor .box:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,.09);box-shadow: 0 0 20px rgba(0,0,0,.09);}
.abHonor .box ul{list-style: disc;}
.abHonor .box h2{font-size: 16px; color: #231f20; line-height: 1.1; border-bottom: 1px solid #ededed; padding: 20px 0; margin-bottom: 20px;}
.abHonor .box:hover h2{color: #00abf0;}
.abHonor .box h2 span{font-size: 42px; margin-right: 3px;}
.abHonor .box li{font-size: 14px; color: #8c8c8c; margin-bottom: 10px; text-align: justify; text-justify: inter-ideograph;}
.abHonor .slick-dots{width: 100%; text-align: center; margin-top: 20px;}
.abHonor .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bfbfbf; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.abHonor .slick-dots li button{display: none;}
.abHonor .slick-dots li.slick-active{background-color: #00abf0;}
.aboutTextPoP{width: 83%; background-color: #fff; position: fixed; _position: absolute; left: 8.5%; right: 8.5%; top: 50%; top: 20%\9; z-index: 3000; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none;}
.aboutTextPoP .text{font-size: 14px; color: #666; line-height: 30px; max-height: 360px; overflow: auto; margin: 50px; padding-right: 5px;}
.aboutTextPoP .text::-webkit-scrollbar{width: 5px; background-color: #eee;}
.aboutTextPoP .text::-webkit-scrollbar-thumb{background-color: #00abf0;}
.aboutTitle h2{font-size: 40px; color: #181818;}

/*system*/
.systemWrap{width: 100%; background-color: #f7f7f7; padding: 80px 0 180px 0;}
.systemBox02{padding-top: 80px;}
.systemData ul li{width: 100%; margin-top: 40px; background-color: #fff;}
.systemData ul li .pic,.systemData ul li .tmain{width: 50%; float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.systemData ul li.on .pic,.systemData ul li:nth-child(2n) .pic{float: right;}
.systemData ul li .pic{padding: 60px 60px 55px 60px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);box-shadow: 0 0 20px rgba(0,0,0,.2);}
.systemData ul li .img{width: 100%; height: 390px; position: relative; overflow: hidden;}
.systemData ul li .img span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.systemData ul li .img:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.systemData ul li .tmain{padding: 60px 60px 20px 60px;}
.systemData ul li .h2{font-size: 18px; color: #231f20;}
.systemData ul li .pcont{font-size: 14px; color: #858585; line-height: 26px; max-height: 210px; margin-top: 20px; padding-right: 5px; overflow: auto; text-align: justify; text-justify: inter-ideograph;}
.systemData ul li .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.systemData ul li .pcont::-webkit-scrollbar-thumb{background-color: #00abf0;}
.systemData ul li .pn{margin-top: 10px;}
.systemBox03{padding-top: 80px;}
.systemText{width: 100%; background-color: #fff; margin-top: 50px;}
.systemText .systemImg,.systemText .systemUs{width: 50%; float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.systemText .systemImg{padding: 60px 60px 55px 60px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);box-shadow: 0 0 20px rgba(0,0,0,.2);}
.sysIDemo .item{width: 100%; height: 390px; overflow: hidden; position: relative;}
.sysIDemo .item span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.sysIDemo .item:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.sysIDemo .slick-dots{width: 100%; text-align: left; margin-top: 20px;}
.sysIDemo .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bfbfbf; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.sysIDemo .slick-dots li button{display: none;}
.sysIDemo .slick-dots li.slick-active{background-color: #00abf0;}
.systemText .systemUs{padding: 60px 60px 20px 60px;}
.systemText .h2{font-size: 18px; color: #231f20;}
.sysNum{width: 100%; margin-top: 30px;}
.sysNum ul{width: 100%; display: table;}
.sysNum ul li{display: table-cell; padding: 0 10px; border-right: 1px solid #ebebeb; text-align: center; font-size: 14px; color: #a6a6a6;}
.sysNum ul li:nth-last-child(1){border-right: none;}
.sysNum ul li span{display: block; font-size: 42px; color: #231f20;}
.sysNum ul li span i{font-size: 16px;}
.systemText .pcont{font-size: 14px; color: #858585; line-height: 26px; max-height: 210px; margin-top: 30px; padding-right: 5px; overflow: auto; text-align: justify; text-justify: inter-ideograph;}
.systemText .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.systemText .pcont::-webkit-scrollbar-thumb{background-color: #00abf0;}
.systemTrait ul li{position: relative; padding-right: 44.8%; margin-top: 60px;}
.systemTrait ul li.on{padding-right: 0; padding-left: 44.8%;}
.systemTrait ul li .pic{width: 100%; height: 400px; position: relative; z-index: 1; overflow: hidden;}
.systemTrait ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.systemTrait ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.systemTrait ul li .num{position: absolute; right: 30px; top: -14px; z-index: 20; line-height: 1; font-size: 60px; color: #231f20; font-family: 'impact'; border-bottom: 3px solid #231f20;}
.systemTrait ul li.on .num{left: 30px; right: auto; color: #00abf0; border-color: #00abf0;}
.systemTrait ul li .tmain{width: 40%; background-color: #fff; padding: 80px 5% 10px 5%; position: absolute; right: 0; top: 20px; bottom: 20px; z-index: 10; word-break: break-all; word-wrap: break-word;}
.systemTrait ul li.on .tmain{left: 0; right: auto;}
.systemTrait ul li h2{font-size: 24px; color: #333;}
.systemTrait ul li:hover h2{color: #00abf0;}
.systemTrait ul li .line{width: 47px; height: 1px; background-color: #ccc; margin: 15px 0 0 0; display: block;}
.systemTrait ul li .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; max-height: 175px; margin-top: 15px; padding-right: 5px; overflow: auto; text-align: justify; text-justify: inter-ideograph;}
.systemTrait ul li .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.systemTrait ul li .pcont::-webkit-scrollbar-thumb{background-color: #00abf0;}

/*pattern*/
.PatternTou{width: 100%; background-color: #fff; margin-top: 50px; margin-bottom: 20px;}
.PatternTou .PatteImg,.PatternTou .PatteTmain{width: 54.2%; float: left; position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.PatternTou .PatteImg{width: 45.8%;}
.PatteImg .item{width: 100%; height: 441px; overflow: hidden; position: relative;}
.PatteImg .item span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.PatteImg .item:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.PatteImg .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; z-index: 5;}
.PatteImg .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #fff; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.PatteImg .slick-dots li button{display: none;}
.PatteImg .slick-dots li.slick-active{background-color: #00abf0;}
.PatteTmain{padding: 60px 60px 20px 60px;}
.PatteTmain .PatteTit,.PatteBom ul li .PatteTit{text-align: left;}
.PatteTmain .pcont{font-size: 14px; color: #8c8c8c; line-height: 26px; max-height: 260px; margin-top: 15px; padding-right: 5px; overflow: auto; text-align: justify; text-justify: inter-ideograph;}
.PatteTmain .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.PatteTmain .pcont::-webkit-scrollbar-thumb{background-color: #00abf0;}
.PatteTit{text-align: center;}
.PatteTit h2{font-size: 26px; color: #231f20;}
.PatteTit .img{vertical-align: middle; margin-right: 8px; max-width: 40px;}
.PatternBox{background-color: #fff; margin-top: 40px; padding: 50px 60px;}
.PatteTable table{width: 100%; margin-top: 30px;}
.PatteTable table tr th,.PatteTable table tr td{border: 1px solid #e8e8e8; padding: 16px 50px;}
.PatteTable table tr th{font-size: 16px; color: #333; text-align: center; width: 20%;}
.PatteTable table tr td{font-size: 14px; color: #737373;}
.PatteTable .ul li{width: 50%; float: left;}
.PatteTxt{margin-top: 30px; font-size: 14px; color: #737373;}
.PatteBom{width: 100%; margin-top: 20px;}
.PatteBom ul{margin-left: -20px; margin-right: -20px;}
.PatteBom ul li{width: 50%; float: left; margin-top: 20px;}
.PatteBom ul li .box{background-color: #fff; margin: 0 20px; padding: 60px 50px 20px 50px; min-height: 170px; font-size: 14px; color: #858585;}
.PatteBom ul li .pcont,.PatteBom ul li .Btns{margin-top: 20px;}
.PatteBom ul li .h2{font-size: 22px; color: #231f20;}
.PatteBom ul li .Btns{min-width: 126px; height: 46px; line-height: 46px; display: inline-block; padding: 0 10px; font-size: 16px; color: #fff; text-align: center; background-color: #00abf0; position: relative; z-index: 1;}
.PatteBom ul li .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.PatteBom ul li .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*product*/
.ProWrap{background-color: #fff;}
.Prolist ul{margin-left: -15px; margin-right: -15px; margin-top: -40px;}
.Prolist ul li{width: 33.333%; float: left; margin-top: 40px;}
.Prolist ul li .box{display: block; background-color: #f6f6f6; padding: 10px; margin: 0 15px;}
.Prolist ul li .pic{width: 100%; /*height: 284px;*/ padding-top: 66.9%; position: relative; z-index: 1; overflow: hidden;}
.Prolist ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.Prolist ul li:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.Prolist ul li .tit{text-align: center; margin-top: 40px; margin-bottom: 15px; min-height: 51px;}
.Prolist ul li .h2{font-size: 20px; font-weight: bold; color: #231f20;}
.Prolist ul li:hover .h2{color: #00abf0;}
.Prolist ul li .pcont{font-size: 14px; font-weight: bold; color: #00abf0;}
.ProdetaWrap{padding-top: 0;}
.Prodetails{background-color: #fff; padding: 80px 154px 90px 154px;}
.Prodetails h1{font-size: 22px; font-weight: bold; color: #231f20; text-align: center;}
.Prodetails h1 span{font-size: 36px;}
.Prodetails .newstext{margin-top: 30px; font-size: 14px; color: #666;}
.Backlist a{display: block; margin-top: 15px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #231f20; background-color: #fff;}
.Backlist a:hover{background-color: #00abf0; color: #fff;}

/*Partner*/
.Partnerlist{width: 100%; margin-top: 40px;}
.Partnerlist ul{margin-left: -14px; margin-right: -14px; margin-top: -28px;}
.Partnerlist ul li{width: 16.666%; float: left; margin-top: 28px;}
.Partnerlist ul li span{display: block; margin: 0 14px; border: 1px solid #ebebeb; padding-top: 49%; overflow: hidden; position: relative;}
.Partnerlist ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.Partnerlist ul li span:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.Partnerlist ul li span:hover{border-color: #00abf0;}
.Partnerlist ul li span img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.Partnerlist ul li span:hover img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.Partnerlist ul li span:hover img{transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: flip 1.2s 1; animation: flip 1.2s 1;}

/*case*/
.caselist ul li{width: 100%; background-color: #fff; margin-top: 35px; overflow: hidden;}
.caselist ul li .pic{width: 45.8%; height: 431px; float: left; overflow: hidden; position: relative;}
.caselist ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.caselist ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.caselist ul li .tmain{width: 54.2%; padding: 60px 50px 20px 50px; float: right; -webkit-box-sizing: border-box;box-sizing: border-box;}
.caselist ul li .time{display: block; font-family: 'Arial'; font-size: 14px; color: #999;}
.caselist ul li .h2{font-size: 24px; color: #1a1717; margin-top: 15px;}
.caselist ul li:hover .h2{color: #00abf0;}
.caselist ul li .pcont{font-size: 14px; color: #999; line-height: 24px; height: 96px; margin-top: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.caselist ul li .more{width: 25px; height: 12px; display: block; margin-top: 70px; font-size: 0; background: url(../images/newsBtns.png) no-repeat;}
.caselist ul li:hover .more{background: url(../images/newsBtns_h.png) no-repeat;}
.page{width: 100%; text-align: center; margin-top: 70px;}
.page a{display: inline-block; font-size: 14px; color: #9e9e9e; border: 1px solid #e6e6e6; padding: 7px 14px;}
.page a.prev,.page a.next{font-weight: bold;}
.page a:hover,.page a.on{background-color: #00abf0; border-color: #00abf0; color: #fff;}

/*news*/
.newsTouHot{width: 100%; background-color: #fff; margin-top: 50px; position: relative; z-index: 1;}
.newsTouHot .item{width: 100%; overflow: hidden;}
.newsTouHot .tag{position: absolute; left: 0; top: 0; z-index: 5; line-height: 1.1; font-size: 16px; color: #fff; padding: 15px; background-color: rgba(0,171,240,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8800abf0, endColorstr=#8800abf0);}
.newsTouHot .pic{width: 45.8%; height: 431px; float: left; overflow: hidden; position: relative;}
.newsTouHot .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.newsTouHot .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.newsTouHot .tmain{width: 54.2%; padding: 60px 50px 20px 50px; float: right; -webkit-box-sizing: border-box;box-sizing: border-box;}
.newsTouHot .time{display: block; font-family: 'Arial'; font-size: 14px; color: #999;}
.newsTouHot .h2{font-size: 24px; color: #1a1717; margin-top: 15px;}
.newsTouHot .item:hover .h2{color: #00abf0;}
.newsTouHot .pcont{font-size: 14px; color: #999; line-height: 24px; height: 96px; margin-top: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.newsTouHot .more{width: 25px; height: 12px; display: block; margin-top: 70px; font-size: 0; background: url(../images/newsBtns.png) no-repeat;}
.newsTouHot .item:hover .more{background: url(../images/newsBtns_h.png) no-repeat;}
.newsTouHot .slick-arrow{width: 20px; height: 21px; bottom: 60px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; z-index: 200;}
.newsTouHot .slick-prev{right: 80px; background:url(../images/newsBtns_l.png) no-repeat;}
.newsTouHot .slick-next{right: 60px; background:url(../images/newsBtns_r.png) right center no-repeat; border-left:1px solid #dedede;}
.newslist ul{margin-left: -20px; margin-right: -20px;}
.newslist ul li{width: 33.333%; float: left; margin-top: 40px;}
.newslist ul li .box{display: block; background-color: #fff; margin: 0 20px;}
.newslist ul li .box:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .pic{width: 100%; height: 180px; overflow: hidden; position: relative;}
.newslist ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.newslist ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.newslist ul li .tmain{padding: 40px 20px 40px 30px;}
.newslist ul li .time{width: 85px; float: left; text-align: center; font-size: 14px; color: #999;}
.newslist ul li .time span{display: block; font-size: 30px; color: #333; line-height: 1;}
.newslist ul li .text{width: 68%; float: right;}
.newslist ul li .h2{font-size: 16px; color: #231f20;}
.newslist ul li .box:hover .h2{color: #00abf0;}
.newslist ul li .pcont{font-size: 14px; color: #999; line-height: 22px; height: 66px; margin-top: 10px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.newslist ul li .more{width: 25px; height: 12px; display: block; margin-top: 30px; font-size: 0; background: url(../images/newsBtns.png) no-repeat;}
.newslist ul li .box:hover .more{background: url(../images/newsBtns_h.png) no-repeat;}
.nwDetailsWrap{padding-top: 135px;}
.newsleft{width: 78.6%; background-color: #fff; float: left;}
.newsdetail{padding: 40px 30px;}
.newsdetail h1{font-size: 32px; font-weight: bold; color: #333; text-align: left; word-wrap: break-word;}
.newsdetail .newsinfo{font-size: 14px; color: #8c8c8c; padding: 20px 0 10px 0; text-align: left; line-height: 27px;}
.newsdetail .newsinfo .time{float: left;}
.newsdetail .newsinfo .Sharetit{float: right;}
.newsdetail .newsinfo .bdsharebuttonbox{float:right;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; display: inline-block; float: none; width: 27px; height: 27px; background-position: center; -webkit-transition: all 0s ease; transition: all 0s ease;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image: url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image: url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image: url(../images/nwwb.png);}
.newsdetail .newstext{border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 30px 0;}
.newsright{width: 20%; float: right;}
.newsright .tit{padding: 16px 20px; font-size: 16px; color: #333; background-color: #fff; border-bottom: 1px solid #ebebeb;}
.newsmoImg{background-color: #fff; padding: 20px; margin-bottom: 15px;}
.newsmoImg a{display: block; overflow: hidden;}
.newsmoImg img{width: 100%; display: block; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.newsmoImg img:hover{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.renewslist ul li{border-top: 1px solid #ebebeb; margin-top: -1px;}
.renewslist ul li a{display: block; padding: 20px; background-color: #fff;}
.renewslist ul li a:hover{background-color: #00abf0;}
.renewslist ul li .h2{font-size: 14px; color: #333;}
.renewslist ul li .time{font-size: 12px; color: #999;}
.renewslist ul li .pcont{font-size: 14px; color: #a6a6a6; margin-top: 10px;}
.renewslist ul li:hover .h2{color: #fff;}
.renewslist ul li:hover .time,.renewslist ul li:hover .pcont{color: #fff;}

/*join*/
.jointips{text-align: center; font-size: 18px; color: #231f20; margin-top: 40px;}
.contform{width: 100%; margin-top: 15px;}
.contform ul li{width: 100%; margin-top: 25px; float: left;}
.contform ul li.item1,.contform ul li.item2,.contform ul li.item3{width: 31.9%; margin-right: 2.1%;}
.contform ul li.item3{margin-right: 0;}
.contform ul li.item4,.contform ul li.item5,.contform ul li.item6,.contform ul li.item7{width: 48.9%; margin-right: 2.1%;}
.contform ul li.item5,.contform ul li.item7{margin-right: 0;}
.contform ul li.item9{text-align: center;}
.contform .itemTable{width: 100%; height: 64px; display: table; background-color: #fff;}
.contform .itemTable .th,.contform .itemTable .td{display: table-cell; vertical-align: middle;}
.contform .itemTable .th{font-size: 16px; color: #4c4c4c; padding-left: 25px; width: 40px;}
.contform .itemTable .td{padding-right: 10px; font-size: 16px; color: #4c4c4c;}
.contform ul li.item2 .th{padding-right: 25px; border-right: 1px solid #e0e0e0; width: 40px;}
.contform ul li.item2 .td,.contform ul li.item5 .td,.contform ul li.item6 .td{text-align: center;}
.contform ul li label{margin: 0 20px;}
.contform ul li.item3 .th,.contform ul li.item4 .th{width: 70px;}
.contform ul li.item5 .th,.contform ul li.item6 .th{padding-right: 25px; border-right: 1px solid #e0e0e0; width: 100px;}
.contform ul li.item7 .th{width: 105px;}
.contform .context,.contform .conteat{width: 100%; height: 64px; line-height: 64px; border: none; background: none; font-size: 16px; color: #333; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.contform .conteat{padding: 30px 25px; height: 240px; line-height: 25px;}
.contform .context:focus,.contform .conteat:focus{border-color:#59c3ff;}
.contform .sel{width: 100%; height: 64px; font-size: 16px; color: #999; border: none;}
.contform .submit{width: 300px; height: 64px; border: none; background-color: #00abf0; font-size: 18px; color: #fff; cursor: pointer; -webkit-transition: all .6s ease;transition: all .6s ease;}
.contform .submit:hover{background-color: #000;}

/*contact*/
.contInfo{width: 100%; text-align: center; margin-top: 40px;}
.contInfo p{font-size: 22px; color: #333;}
.contInfo .indexMore{margin-top: 10px;}
.contInfo .indexMore i{display: inline-block; padding-left: 22px; background: url(../images/contIocn.png) left center no-repeat;}
.contlist ul{margin-left: -17px; margin-right: -17px;}
.contlist ul li{width: 33.333%; float: left; margin-top: 64px;}
.contlist ul li .box{border: 1px solid #dcdcdc; margin: 0 17px; padding: 90px 20px 60px 20px; min-height: 242px; position: relative; text-align: center; word-break: break-all; word-wrap: break-word;}
.contlist ul li .box:hover{border-color: #00abf0;}
.contlist ul li p{font-size: 30px; color: #333;}
.contlist ul li .p1{margin-top: 17%;}
.contlist ul li .tis{position: absolute; left: 10px; right: 10px; bottom: 20px; font-size: 18px; color: #737373;}
.contlist ul li:hover .tis{color: #00abf0;}

/*store*/
.storeBox{width: 100%; margin-top: 50px;}
.storeBox .storeLeft{/*width: 380px;*/ width: 27.2%; float: left; padding-top: 80px;}
.storeBox .tit{font-size: 18px; color: #231f20;}
.storeBox .pn{margin-top: 20px; font-size: 14px; color: #8c8c8c;}
.storeBox .selectBox{width: 100%; height: 46px; border: 1px solid #dbdbdb; padding: 0 10px; margin-top: 10px; font-size: 14px; color: #8c8c8c;}
.storeBox .submit{width: 180px; height: 46px; line-height: 46px; display: block; text-align: center; margin-top: 20px; background-color: #00abf0; font-size: 14px; color: #fff; -webkit-transition: all .6s ease;transition: all .6s ease;}
.storeBox .submit:hover{background-color: #000;}
.storeBox .storeRight{/*width: 980px;*/ width: 70%; float: right;}
.map{width: 100%; min-height: 625px; overflow: hidden; position: relative; background: url(../images/map.jpg) left top no-repeat; background-size: cover;}
.storeText{width: 470px; min-height: 200px; background-color: #fff; padding: 50px 40px; margin: 8%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);box-shadow: 0 0 20px rgba(0,0,0,.2);}
.storeText .h2{font-size: 18px; color: #00abf0;}
.storeText p{font-size: 14px; color: #6b6b6b; margin-top: 5px;}
.storeText .indexMore{margin-top: 20px;}
.storeText .indexMore i{display: inline-block; padding-left: 22px; background: url(../images/contIocn.png) left center no-repeat;}

/*footer*/
.footer{width: 100%; background-color: #333; padding: 60px 0 80px 0;}
.footer .footTou{border-bottom: 1px solid #424242; padding-bottom: 20px;}
.footer .footlogo{float: left; width: 20%; text-align: left;}
.footer .footNav{ float: right; text-align: right; width: 55%;}
.footer .footNav a{font-size: 14px; color: #cacaca; margin-left: 20px;}
.footer .footNav a:hover{color: #fff; text-decoration: underline;}
.footer .footBom{margin-top: 55px;}
.footer .ftCopy{width: 28%; float: left; font-size: 12px; color: #fff; opacity: .55;}
.footer .bdsharebuttonbox{margin-top: 20px;}
.footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 10px 0 0; padding: 0; display: inline-block; float: none; background-image: url(../images/hShare.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}
.footer .footInfo{width: 36%; padding-right: 2%; float: right; word-break: break-all; word-wrap: break-word;}
.footer .footInfo p{padding-left: 30px; position: relative; font-size: 14px; color: #b2b2b2; margin-bottom: 10px;}
.footer .footInfo p .img{position: absolute; left: 0; top: 0;}
.footer a{color: #b2b2b2;}
.footer a:hover{color: #fff;}
.footer .footewm{width: 110px; float: right; text-align: center; color: #b2b2b2;}

@media screen and (max-width: 1600px){
    .banner .bancri{width: 440px; height: 440px;}
    .banner .bantxt{font-size: 40px; margin-top: -82px;}
    .banner .bantxt h2{font-size: 70px;}
    .i-wrap2 .inaboutTxt .box{margin-top: 190px;}
    .systemIDemo .instsImg{padding-top: 190px;}
    .systemIDemo .tit{font-size: 30px;}
    .systemIDemo .pic{margin-top: 30px;}
    .systemIDemo .instsText{padding-top: 240px;}
    .instsText .pcont{margin-top: 15px;}
    .instsText .indexMore{margin-top: 30px;}
    .systemIDemo .slick-arrow{bottom: 170px;}
    .systemINav .box{height: 140px; padding-top: 60px;}
    .section .indexTitle{padding-top: 100px;}
    .indexNews{margin-top: -10px;}
    .indexNews .slick-dots{margin-top: 0;}
    .i-wrap4 .indexMore{margin-top: 15px;}
}

/*中等屏幕pc*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .layout{ width: 1180px; }

    .logo{padding-top: 30px;}
    .logo a{width: 143px;}
    .btn-m-list{margin-top: 20px;}
    .banner .bancri{width: 360px; height: 360px;}
    .banner .bantxt{font-size: 32px; margin-top: -76px;}
    .indexMore{margin-top: 20px;}
    .i-wrap2 .inaboutTxt .box{margin-left: 50px; max-width: 520px; margin-top: 150px;}
    .i-wrap2 .inaboutTxt .h2{font-size: 24px;}
    .systemIDemo .instsImg{padding-top: 165px;}
    .systemIDemo .tit{font-size: 24px;}
    .systemIDemo .tit span{font-size: 25px;}
    .systemIDemo .pic{width: 430px; height: 192px;}
    .systemIDemo .instsText{padding-top: 180px;}
    .systemIDemo .slick-arrow{bottom: 140px;}
    .systemINav .box{height: 120px; padding-top: 55px;}
    .section .indexTitle{padding-top: 80px;}
    .indexTitle h2{font-size: 24px;}
    .indexNews .pic{height: 150px;}
    .indexNews .tmain{padding: 20px 20px 20px 15px;}
    .indexNews .time span{font-size: 18px;}
    .indexNews .text .pcont{font-size: 12px; line-height: 21px; height: 63px;}
    .indexNews .text .more{margin-top: 10px;}
    .inPattern{padding: 50px 60px 40px 20px; width: 50%;}
    .inPattern .h2{font-size: 24px;}
    .inPattern .pcont{font-size: 12px; line-height: 22px; height: 110px; margin-top: 10px;}
    .inAuthentication{margin-top: 80px;}
    .inAuthentication ul li .icon{width: 80px; height: 80px; top: -40px;}
    .inAuthentication ul li .box{padding-top: 60px; min-height: 220px;}
    .systemText .systemImg,.systemText .systemUs,.systemData ul li .pic,.systemData ul li .tmain{padding: 40px 30px 20px 30px;}
    .systemTrait ul li .pic{height: 372px;}
    .systemTrait ul li .pcont{max-height: 138px;}
    .caselist ul li .pic,.newsTouHot .pic{height: 363px;}
    .caselist ul li .more,.newsTouHot .more{margin-top: 30px;}
    .newslist ul li .pic{height: 149px;}
    .newslist ul li .tmain{padding: 30px 15px 30px 20px;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

    .header,.header.fixed{height: 80px;}
    .header.fixed .logo{padding-top: 14px;}
    .header.fixed .btn-m-list{margin-top: 12px;}
    .logo{position: absolute; left: 20px; top: 0; padding-top: 15px;}
    .logo a{width: 160px; height: 50px;}
    .btn-m-list{position: absolute; right: 20px; top: 0; margin-top: 23px;}
    .nav-body .ul{height: auto; padding-top: 80px;}
    .nav-body .ul .li{width: 100%; height: auto;}
    .nav-body .ul .li:before{width: 100%; height: 1px; top: auto; bottom: 0;}
    .nav-body .ul .li .navItem{margin-top: 0;}
    .nav-body .ul .li .Btns{font-size: 16px; font-weight: bold; padding: 1em 20px;}
    .nav-body .ul .li .navBox{display: block !important; padding: 0 20px 30px 20px; overflow: hidden;}
    .nav-body .ul .li .navBox a{width: 25%; float: left; font-size: 14px;}
    #fp-nav{display: none;}
    .section{height: auto !important;}
    .inaboutTxt .h2,
    .inaboutTxt .pcont,
    .inaboutTxt .indexMore,
    .instsText .h2,
    .instsText .pcont,
    .instsText .indexMore,
    .inPattern,
    .systemIDemo .tit,
    .systemIDemo .stbg,
    .systemIDemo .pic,
    .inAuthentication ul li,.indexNews{transform: translateX(0rem); opacity: 1;}
    .banner .pimg{height: 500px;}
    .banner .bancri{width: 260px; height: 260px;}
    .banner .bantxt h2{font-size: 40px;}
    .banner .bantxt{font-size: 24px; margin-top: -48px;}
    .indexMore{margin-top: 20px;}
    .i-wrap2{overflow: hidden;}
    .i-wrap2 .inaboutImg,.i-wrap2 .inaboutTxt{min-height: 500px;}
    .i-wrap2 .inaboutTxt .box{max-width: 100%; margin: 0; padding: 110px 20px 20px 20px;}
    .i-wrap2 .inaboutTxt .h2{font-size: 20px;}
    .i-wrap2 .inaboutTxt .pcont{margin-top: 15px;}
    .systemIDemo .instsImg{padding-top: 80px;}
    .systemIDemo .pic{width: 300px; height: 134px; margin-top: 20px; margin-bottom: 100px;}
    .systemIDemo .stbg{top: 50px; left: 58%;}
    .systemIDemo .instsText{padding-top: 70px; padding-left: 20px;}
    .systemIDemo .instsText .pcont{margin-top: 10px;}
    .systemIDemo{min-height: 510px;}
    .systemIDemo .slick-prev{left: 47%;}
    .systemIDemo .slick-next{right: 47%;}
    .i-wrap4{padding-bottom: 40px;}
    .section .indexTitle{padding-top: 50px;}
    .indexTitle h2{font-size: 24px;}
    .indexNews{margin-top: 10px;}
    .indexNews .pic{height: auto; padding-top: 41%;}
    .indexNews .tmain{padding: 20px 20px 20px 10px;}
    .indexNews .time{width: 75px;}
    .indexNews .time span{font-size: 18px;}
    .indexNews .text{width: 60%;}
    .indexNews .text .pcont{font-size: 12px; line-height: 21px; height: 63px;}
    .indexNews .text .more{margin-top: 10px;}
    .i-wrap5{padding-top: 15%;}
    .inPattern{position: relative; left: auto; bottom: auto; padding: 50px 60px 40px 20px; width: 50%;}
    .inPattern .h2{font-size: 24px;}
    .inPattern .pcont{font-size: 12px; line-height: 22px; height: 110px; margin-top: 10px;}
    .inAuthentication{margin-top: 80px; padding-bottom: 40px;}
    .inAuthentication ul{margin-left: -10px; margin-right: -10px;}
    .inAuthentication ul li .icon{width: 80px; height: 80px; top: -40px;}
    .inAuthentication ul li .box{margin: 0 10px; padding: 60px 20px 20px 20px; min-height: 220px;}
    .footer .footNav{width: 75%; padding-top: 10px;}
    .footer .footNav a{margin-left: 5px; margin-top: 5px;}
    .footer .footInfo{width: 44%;}

    .nybanner{height: 450px;}
    .nybanner .h2{padding-top: 210px;}
    .navigation ul li{margin-right: 20px;}
    .aboutBox01 .tmain{width: 44%;}
    .aboutBox01 .h2{font-size: 20px;}
    .aboutBox01 .pic{width: 53%; height: 430px;}
    .aboutBox02 .pic{height: 348px;}
    .aboutBox02 .pcont{max-height: 203px;}
    .aboutBox03{min-height: 510px;}
    .cultureTab ul li{min-height: 170px;}
    .cultureTab ul li a{padding: 110px 10px 10px 10px; font-size: 20px;}
    .cultureBox .h2{font-size: 30px;}
    .cultureBox .h3{font-size: 24px;}
    .cultureBox{width: 400px;}
    .abHonor .box{margin: 20px 10px;}
    .systemText{margin-top: 30px;}
    .systemText .systemImg,.systemText .systemUs,.systemData ul li .pic,.systemData ul li .tmain{padding: 40px 15px 20px 15px;}
    .systemText .h2{font-size: 16px;}
    .sysNum,.systemText .pcont{margin-top: 20px;}
    .sysNum ul li{font-size: 12px; padding: 0 5px;}
    .sysNum ul li span{font-size: 20px;}
    .systemTrait ul li .pic{height: 372px;}
    .sysIDemo .item,.systemData ul li .img{height: 310px;}
    .systemTrait ul li{margin-top: 25px;}
    .systemTrait ul li .tmain{padding: 30px 15px 15px 15px;}
    .systemTrait ul li .num{font-size: 40px; top: -3px; right: 20px;}
    .systemTrait ul li.on .num{left: 20px;}
    .systemTrait ul li h2{font-size: 14px;}
    .systemTrait ul li .line{margin-top: 5px;}
    .systemTrait ul li .pic{height: 236px;}
    .systemTrait ul li .pcont{max-height: 95px;}
    .PatteTmain{padding-left: 30px; padding-right: 30px;}
    .PatteTable table tr th,.PatteTable table tr th{padding-left: 20px; padding-right: 20px;}
    .Prolist ul li{width: 50%;}
    .Prodetails{padding-left: 100px; padding-right: 100px;}
    .Prodetails h1 span{display: block;}
    .Partnerlist ul li{width: 25%;}
    .caselist ul li .pic,.newsTouHot .pic{width: 48.8%; height: 280px;}
    .caselist ul li .tmain,.newsTouHot .tmain{width: 51.2%; padding: 40px 20px 20px 20px;}
    .caselist ul li .h2,.newsTouHot .h2{font-size: 20px;}
    .caselist ul li .more,.newsTouHot .more{margin-top: 20px;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 40px;}
    .newsTouHot .slick-next{right: 20px;}
    .newslist ul li{width: 50%;}
    .newslist ul li .pic{height: 145px;}
    .newslist ul li .tmain{padding: 30px 15px 30px 20px;}
    .nwDetailsWrap{padding-top: 106px;}
    .newsleft{width: 72.6%;}
    .newsright{width: 26%;}
    .newsdetail h1{font-size: 24px;}
    .contlist ul li .box{padding-top: 30px; min-height: 198px;}
    .contlist ul li p{font-size: 18px;}
    .contlist ul li .p1{margin-top: 50%;}
    .storeText{width: auto;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 95%;}

    .header,.header.fixed{height: 60px;}
    .header.fixed .logo{padding-top: 14px;}
    .header.fixed .btn-m-list{margin-top: 12px;}
    .logo{position: absolute; left: 20px; top: 0; padding-top: 24px;}
    .logo a{width: 100px; height: 33px;}
    .btn-m-list{width: 36px; height: 36px; position: absolute; right: 20px; top: 0; margin-top: 23px;}
    .btn-m-list .burger{top: 10px;}
    .btn-m-list .burger-2{top: 18px;}
    .btn-m-list .burger-3{top: 27px;}
    .btn-m-list.on .burger-1,.btn-m-list.on .burger-2,.btn-m-list.on .burger-3{top: 19px;}
    .nav-body .ul{height: auto; padding-top: 80px;}
    .nav-body .ul .li{width: 100%; height: auto;}
    .nav-body .ul .li:before{width: 100%; height: 1px; top: auto; bottom: 0;}
    .nav-body .ul .li .navItem{margin-top: 0;}
    .nav-body .ul .li .Btns{font-size: 16px; font-weight: bold; padding: 0.9em 20px;}
    .nav-body .ul .li .navBox{display: block !important; padding: 0 20px 14px 20px; overflow: hidden;}
    .nav-body .ul .li .navBox a{width: 25%; float: left; font-size: 14px; margin-top: 7px;}
    #fp-nav{display: none;}
    .section{height: auto !important;}
    .inaboutTxt .h2,
    .inaboutTxt .pcont,
    .inaboutTxt .indexMore,
    .instsText .h2,
    .instsText .pcont,
    .instsText .indexMore,
    .inPattern,
    .systemIDemo .tit,
    .systemIDemo .stbg,
    .systemIDemo .pic,
    .inAuthentication ul li,.indexNews{
        transform: translateX(0rem);
        opacity: 1;
    }
    .banner .pimg{height: 500px;}
    .banner .bancri{width: 190px; height: 190px;}
    .banner .bantxt h2{font-size: 29px;}
    .banner .bantxt{font-size: 16px; margin-top: -33px;}
    .banner .slick-dots{bottom: 32%;}
    .banner .slick-dots li{width: 12px; height: 12px;}
    .banner .slick-dots li button{width: 5px; height: 5px;}
    .indexMore{margin-top: 20px;}
    .indexMore a{min-width: 80px; height: 40px; line-height: 40px; font-size: 12px;}
    .i-wrap2{overflow: hidden;}
    .i-wrap2 .inaboutImg,.i-wrap2 .inaboutTxt{width: 100%; min-height: 367px;}
    .i-wrap2 .inaboutTxt .box{max-width: 100%; margin: 0; padding: 40px 20px;}
    .i-wrap2 .inaboutTxt .h2{font-size: 20px;}
    .i-wrap2 .inaboutTxt .pcont{margin-top: 15px; height: auto; min-height: 100px;}
    .systemIDemo .instsImg,.systemIDemo .instsText{width: 100%;}
    .systemIDemo .instsImg{padding-top: 80px;}
    .systemIDemo .pic{width: 282px; height: 127px; margin-top: 20px; margin-bottom: 0;}
    .systemIDemo .stbg{top: 50px; left: 58%;}
    .systemIDemo .instsText{padding-top: 70px; padding-left: 20px; padding-bottom: 40px;}
    .systemIDemo .instsText .pcont{margin-top: 10px;}
    .systemIDemo{min-height: 510px;}
    .systemIDemo .slick-arrow{bottom: 15px;}
    .systemIDemo .slick-prev{left: 44%;}
    .systemIDemo .slick-next{right: 44%;}
    .systemINav{position: relative; left: auto; bottom: auto;}
    .systemINav .box{height: 80px; padding: 30px 10px 10px 10px; font-size: 16px;}
    .i-wrap4{padding-bottom: 40px;}
    .section .indexTitle{padding-top: 50px;}
    .indexTitle h2{font-size: 24px;}
    .indexNews{margin-top: 0;}
    .indexNews .pic{height: auto; padding-top: 41%;}
    .indexNews .tmain{padding: 20px 20px 20px 10px;}
    .indexNews .time{width: 75px;}
    .indexNews .time span{font-size: 18px;}
    .indexNews .text{width: 70%;}
    .indexNews .text .pcont{font-size: 12px; line-height: 21px; height: 63px;}
    .indexNews .text .more{margin-top: 10px;}
    .i-wrap5{padding-top: 40%;}
    .inPattern{position: relative; left: auto; bottom: auto; padding: 30px 20px 20px 20px; width: 70%;}
    .inPattern .h2{font-size: 24px;}
    .inPattern .pcont{font-size: 12px; line-height: 22px; height: 110px; margin-top: 10px;}
    .inAuthentication{margin-top: 80px; padding-bottom: 40px;}
    .inAuthentication ul{margin-left: -5px; margin-right: -5px;}
    .inAuthentication ul li{width: 50%;}
    .inAuthentication ul li .icon{width: 80px; height: 80px; top: -40px;}
    .inAuthentication ul li .box{margin: 0 5px; padding: 60px 15px 20px 15px; min-height: 220px;}
    .inAuthentication ul li .h2{font-size: 14px; min-height: 45px;}
    .inAuthentication ul li .h2 span{font-size: 16px;}
    .inAuthentication ul li .pcont{margin-top: 20px;}
    .footer{padding: 40px 0;}
    .footer .footlogo,.footer .footNav,.footer .ftCopy{width: auto; float: none; text-align: center;}
    .footer .footlogo img{max-width: 160px;}
    .footer .footNav{padding-top: 10px; display: none;}
    .footer .footNav a{margin-left: 5px; margin-top: 5px;}
    .footer .footBom{margin-top: 20px;}
    .footer .footInfo,.footer .ftCopy{width: auto; float: none;}
    .footer .footewm{float: none; margin: 20px auto;}

    .nybanner{height: 360px;}
    .nybanner .h2{padding-top: 180px;}
    .nybanner .h2 span,.cultureBox .h2,.abHonor .box h2 span{font-size: 24px;}
    .navigation{height: auto;}
    .navigation ul li{width: 25%; float: left; display: block; margin-right: 0; text-align: center;}
    .navigation ul li a{line-height: 45px;}
    .aboutBox01,.aboutBox02,.aboutBox04,.systemWrap{padding: 30px 0 40px 0;}
    .aboutBox01 .pic,.aboutBox01 .tmain,.aboutBox02 .pic,.aboutBox02 .tmain,.cultureTab,.cultureBox{width: auto; float: none;}
    .aboutBox01 .pic{height: 315px;}
    .aboutBox01 .tmain{padding-top: 25px;}
    .aboutBox01 .h2,.aboutBox02 .tit span,.cultureBox .h3{font-size: 20px;}
    .aboutBox01 .pcont{margin-top: 15px; height: 235px;}
    .aboutBox02 .pic{height: auto; padding-top: 103%;}
    .aboutBox02 .tmain{padding-top: 25px;}
    .aboutBox03{min-height: 250px;}
    .cultureTab ul li{min-height: 80px;}
    .cultureTab ul li a{padding: 40px 10px 10px 10px; font-size: 18px;}
    .cultureBox{padding: 64px 0 50px 0;}
    .cultureBox .pcont{font-size: 12px;}
    .abHonor,.abHonor .slick-dots{margin-top: 0;}
    .abHonor .box{min-height: 370px;}
    .abHonor .box h2{padding: 0 0 10px 0;}
    .aboutTextPoP{left: 2.5%; right: 2.5%; width: 95%;}
    .aboutTextPoP .text{margin: 20px;}
    .systemBox02,.systemBox03{padding-top: 30px;}
    .systemText,.systemData ul li{margin-top: 20px;}
    .systemText .systemImg,.systemText .systemUs,.systemData ul li .pic,.systemData ul li .tmain{width: 100%; padding: 20px;}
    .sysIDemo .item,.systemData ul li .img{height: auto; padding-top: 13%;}
    .systemData ul li .img{padding-top: 67%;}
    .systemText .systemUs,.systemData ul li .tmain{padding-top: 30px;}
    .sysNum,.systemText .pcont{margin-top: 20px;}
    .sysNum ul li{display: block; float: left; width: 50%; font-size: 12px; border: 1px solid #ebebeb; padding: 10px 0; margin-top: -1px; box-sizing: border-box;}
    .sysNum ul li:nth-last-child(1){border: 1px solid #ebebeb;}
    .sysNum ul li span{font-size: 20px;}
    .systemTrait ul li,.systemTrait ul li.on{padding: 0; margin-top: 40px;}
    .systemTrait ul li .num,.systemTrait ul li.on .num{left:20px; top:-20px; right:auto;}
    .systemTrait ul li .pic{height:auto;}
    .systemTrait ul li .pic img{position:relative;}
    .systemTrait ul li .tmain,.systemTrait ul li.on .tmain{position:relative; top:auto; bottom:auto; right:auto; left:auto; width:auto; padding:20px;}
    .PatternTou,.PatteTable table,.PatteTxt{margin-top: 20px;}
    .PatternTou .PatteImg,.PatternTou .PatteTmain{width: auto; float: none;}
    .PatteImg .item{height: auto; padding-top: 14%;}
    .PatteTmain,.PatternBox,.PatteBom ul li .box{padding: 30px 15px;}
    .PatteTit h2{font-size: 20px;}
    .PatteTit .img{max-width: 28px;}
    .PatteTable table tr th,.PatteTable table tr td{padding: 15px;}
    .PatteTable table tr th{font-size: 14px;}
    .PatteTable table tr td{font-size: 12px;}
    .PatteBom{margin-top: 0;}
    .PatteBom ul li{width: 100%;}
    .Prolist ul li{width: 50%;}
    .Prolist ul{margin-left: -5px; margin-right: -5px; margin-top: -10px;}
    .Prolist ul li{margin-top: 20px;}
    .Prolist ul li .box{margin: 0 5px;}
    .Prolist ul li .tit{margin: 10px 0 0 0; min-height: 36px;}
    .Prolist ul li .h2,.Prolist ul li .pcont{font-size: 12px;}
    .ProdetaWrap{padding-top: 0;}
    .Prodetails{padding: 30px 20px;}
    .Prodetails h1{font-size: 16px;}
    .Prodetails h1 span{display: block; font-size: 20px;}
    .Partnerlist ul{margin-left: -5px; margin-right: -5px;}
    .Partnerlist ul li{width: 33.333%; margin-top: 10px;}
    .Partnerlist ul li span{margin: 0 5px;}
    .caselist ul li .pic,.caselist ul li .tmain,.newsTouHot .pic,.newsTouHot .tmain{width: auto; float: none;}
    .caselist ul li .pic,.newsTouHot .pic{height: auto; padding-top: 67%;}
    .caselist ul li .tmain,.newsTouHot .tmain{padding: 30px 15px;}
    .caselist ul li .h2,.newsTouHot .h2{font-size: 18px; font-weight: bold; margin-top: 5px;}
    .caselist ul li .pcont{height: auto; margin-top: 5px;}
    .caselist ul li .more,.newsTouHot .more{margin-top: 15px;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 6px 10px;}
    .newsTouHot{margin-top: 20px;}
    .newsTouHot .tag{font-size: 14px; padding: 10px;}
    .newsTouHot .pcont{height: 193px; margin-top: 5px;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 35px;}
    .newsTouHot .slick-next{right: 15px;}
    .newslist ul li{width: 100%; margin-top: 20px;}
    .newslist ul li .pic{height: auto; padding-top: 41%;}
    .newslist ul li .tmain{padding: 20px 20px 20px 10px;}
    .newslist ul li .time{width: 75px;}
    .newslist ul li .time span{font-size: 18px;}
    .newslist ul li .text{width: 70%;}
    .newslist ul li .pcont{font-size: 12px; line-height: 21px; height: 63px;}
    .newslist ul li .more{margin-top: 10px;}
    .nwDetailsWrap{padding-top: 86px;}
    .newsleft,.newsright{width: auto; float: none;}
    .newsdetail{padding: 30px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsdetail .newsinfo{padding: 0 0 10px 0; font-size: 12px; line-height: 30px;}
    .newsright{margin-top: 20px;}
    .jointips{margin-top: 15px; font-size: 14px;}
    .contform{margin-top: 0;}
    .contform ul li.item1,.contform ul li.item2,.contform ul li.item3,.contform ul li.item4,.contform ul li.item5,.contform ul li.item6,.contform ul li.item7{width: auto; float: none; margin-top: 20px;}
    .contform .conteat{height: 200px;}
    .contform .submit{width: 200px;}
    .contInfo{margin-top: 20px;}
    .contInfo p{font-size: 14px;}
    .contlist ul li{width: auto; float: none; margin-top: 20px;}
    .contlist ul li .box{min-height: 100px; padding-top: 40px;}
    .contlist ul li .p1{margin-top: 20px;}
    .storeBox{margin-top: 20px;}
    .storeBox .storeLeft,.storeBox .storeRight{width: auto; float: none; padding-top: 0;}
    .storeBox .storeRight{margin-top: 20px;}
    .storeText{width: auto; margin: 40px 2.5%; padding: 30px 20px;}
    .map{min-height: 100px;}
}